html {
    direction: ltr;
    height: 100%; // http://updates.html5rocks.com/2013/12/300ms-tap-delay-gone-away
    touch-action: manipulation;
}

html,
body,
app-root {
    // overflow-x: hidden;
    height: 100%;
}

body {
    color: @text-color;
    background-color: @content-bg !important;
}

.progress-bar-container {
    height: 10px;
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
    z-index: @zindex + 10;
}

.wrapper {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
    overflow-x: hidden;

    .unwrap {
        margin-right: -@content-padding;
        margin-left: -@content-padding;

        @media (max-width: @screen-md-max) {
            margin-right: 0;
            margin-left: 0;
        }
    }
}

.content {
    margin: @header-hg @content-padding @content-padding @content-padding;
}

.content__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #929292;
    padding: @content-padding;
    padding-top: @content-padding - 12;
    padding-bottom: @content-padding - 12;
    margin-right: -@content-padding;
    margin-left: -@content-padding;
    margin-bottom: @content-padding;
    background-color: @content-heading-bg;
    border-bottom: 1px solid @content-heading-border;
    > h1 {
        font-size: 18px;
        font-weight: normal;
        line-height: inherit;
        > small {
            display: block;
            font-size: 12px;
            color: @muted-color;
        }
    }
}

// Desktop
@media (min-width: @screen-md-min) {
    .content {
        margin-left: (@aside-wd + @content-padding);
    }

    .aside-collapsed {
        .sidebar {
            width: @aside-collapsed-wd;
        }
        .content {
            margin-left: (@aside-collapsed-wd + @content-padding);
        }
    }
}
